<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="styles.css" />
</head>
<body>
    <main>
        <h1>Projects and Groups</h1>
        <div class="category-container">
            <h2>Projects:</h2>
            <div class="element">
                <div class="icon1"></div>
                <div class="text-icon">csharp-basics</div>
            </div>
            <div class="element">
                <div class="icon1"></div>
                <div class="text-icon">java-basics</div>
            </div>
            <div class="element">
                <div class="icon1"></div>
                <div class="text-icon">javascript-basics</div>
            </div>
            <div class="element">
                <div class="icon1"></div>
                <div class="text-icon">php-basics</div>
            </div>
            <div class="element">
                <div class="icon1"></div>
                <div class="text-icon">seminars</div>
            </div>
            <div class="element">
                <div class="icon1"></div>
                <div class="text-icon">teamwork-personal-skills</div>
            </div>
            <div class="element">
                <div class="icon1"></div>
                <div class="text-icon">web-fundamentals</div>
            </div>
        </div>
        <div class="category-container">
            <h2>Groups:</h2>
            <div class="element">
                <div class="icon2"></div>
                <div class="text-icon">csharp-basics</div>
            </div>
            <div class="element">
                <div class="icon2"></div>
                <div class="text-icon">java-basics</div>
            </div>
            <div class="element">
                <div class="icon2"></div>
                <div class="text-icon">javascript-basics</div>
            </div>
            <div class="element">
                <div class="icon2"></div>
                <div class="text-icon">php-basics</div>
            </div>
            <div class="element">
                <div class="icon2"></div>
                <div class="text-icon">seminars</div>
            </div>
            <div class="element">
                <div class="icon2"></div>
                <div class="text-icon">teamwork-personal-skills</div>
            </div>
            <div class="element">
                <div class="icon2"></div>
                <div class="text-icon">web-fundamentals</div>
            </div>
        </div>
    </main>
</body>
</html>